-
-
Notifications
You must be signed in to change notification settings - Fork 1k
Fix #2237: Insufficient contrast on hover state for links in tables in dark mode #2249
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Fix #2237: Insufficient contrast on hover state for links in tables in dark mode #2249
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for the PR. I see that you have changed the color for prefers-color-scheme and the hover color in data-theme=dark. Both the changes need to be applied in both the places, so that all dark mode scenarios are covered. I have left inline comments for the same. Once that is fixed, I think we can merge this PR.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@SaptakS quoted lines have been changed as requested:
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good to me.
Description
This pull request fixes the issue where table links in dark mode were not clearly visible when hovered. The color contrast was too low, making the text hard to read.
Changes Made
Added a new SCSS variable for dark mode:
Updated the link hover color in dark mode tables:
And changed the default color of the table links in light mode for contrast:
Replaced static color references with theme variables where applicable for consistency.
Screenshots
Dark Mode:

Light Mode:

Testing
Verified in both light and dark themes.
Confirmed that hover color works as expected in dark mode.
Checked that no other UI components or color variables were affected.